<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <th:block th:include="include :: header('回访记录详情')"/>
  <!--<th:block th:include="include :: select2-css" />-->
  <link th:href="@{/ajax/libs/bootstrap-tagsinput/tagsinput.css}" rel="stylesheet">
  <link th:href="@{/ajax/libs/jQuery-ui/jquery-ui.css}" rel="stylesheet">

</head>
<style>
  .bootstrap-tagsinput > input {
    display: none;
  }
</style>

<body style="background-color: #F4F6FA">
<div class="main-content" style="margin: 0;padding: 0">

  <form id="form-user-add" th:object="${workFormBase}" class="form-horizontal" style="background-color: #F4F6FA">
    <input type="hidden" th:field="*{callId}">
    <input type="hidden" th:field="*{callId}">
    <input type="hidden" th:field="*{twfSendBackEty.pkId}" />
    <div class="col-sm-12" style="display: flex">
      <div class="col-sm-12 entering-page">
        <!--    承办部门    -->
        <div class="col-sm-12 tltieBoder">
          <div class="blueBorder"></div>
          <h4 style="margin:0 0 0 10px">管理窗口-承办部门</h4>
        </div>
        <!-- 工单编号,工单性质..-->
        <div class="col-sm-12 work-top">
          <div class="form-group col-sm-4">
            <label>工单编号</label>
            <input type="text" name="workFormNo" th:field="*{workFormNo}" disabled value="123" class="form-control" id="workNumber"
                   placeholder="请输入名称">
          </div>
          <div class="form-group col-sm-4">
            <label>工单性质</label>
            <select name="setProId" id="workCharacter" class="form-control m-b phoneCategory" disabled>
              <option value="">-请选择-</option>
              <option value="11" th:selected="*{setProId == 11}">普通工单</option>
              <option value="21" th:selected="*{setProId == 21}">督办工单</option>
              <option value="31" th:selected="*{setProId == 31}">呈批工单</option>
            </select>
            <input type="hidden" name="setProName">
          </div>
          <div class="form-group col-sm-4">
            <label>工单主题</label>
            <input type="text" name="wsTopic" th:field="*{wsTopic}" class="form-control" id="workSubject" placeholder="请输入名称" disabled>
          </div>


          <div class="form-group col-sm-4">
            <label>承办单位<span style="color: red">*</span></label>
            <input type="text" name="sbdeptName" th:field="*{twfSendBackEty.sbdeptName}" class="form-control" id="deptShort" placeholder="" onclick="SelectDept()" required="required" disabled>
            <input type="hidden" name="sbdeptNo" th:field="*{twfSendBackEty.sbdeptId}" id="noUnit">
            <div class="input-group-append " style="position: absolute;top: 35px;right: 30px;">
              <span class="glyphicon glyphicon-list-alt" style="color: #206ef7"></span>
            </div>
          </div>
          <div class="form-group col-sm-4">
            <label>办理期限<span style="color: red">*</span></label>
            <input type="text" name="backLimit" required="required" th:field="*{twfSendBackEty.backLimit}" class="form-control transaction" id="transaction"
                   placeholder="请输入名称" disabled>
            <div class="input-group-append " style="position: absolute;top: 35px;right: 30px;">
              <span class="glyphicon glyphicon-calendar"></span>
            </div>
          </div>
          <div class="form-group col-sm-4">
            <label class="is-required">交办次序<span style="color: red">*</span></label>
            <select name="seqCode" id="workOrder"  class="form-control m-b phoneCategory" required="required" disabled>
              <option value="">-请选择-</option>
              <option value="10" th:selected="*{twfSendBackEty.seqCode == '10'}" >初次交办</option>
              <option value="20" th:selected="*{twfSendBackEty.seqCode == '20'}">再次交办</option>
              <option value="30" th:selected="*{twfSendBackEty.seqCode == '30'}">三次交办</option>
            </select>
            <input type="hidden" value="初次交办" th:field="*{twfSendBackEty.seqName}" name="seqName">
          </div>
          <div class="form-group col-sm-4">
            <label>办理性质<span style="color: red">*</span></label>
            <select name="sortCode" class="form-control m-b phoneCategory" required="required" disabled>
              <option value="">-请选择-</option>
              <option value="11" th:selected="*{twfSendBackEty.sortCode == '11'}">主办</option>
              <option value="21" th:selected="*{twfSendBackEty.sortCode == '21'}"></option>
            </select>
            <input type="hidden" name="sortName" th:field="*{twfSendBackEty.sortName}" value="主办">
          </div>

          <div class="form-group col-sm-4">
            <label is-required>办理方式</label>
            <select name="dealCode" id="transactionWay" class="form-control m-b phoneCategory" disabled>
              <option value="">-请选择-</option>
              <option value="11" th:selected="*{twfSendBackEty.dealCode == '11'}">研究办理</option>
              <option value="21" th:selected="*{twfSendBackEty.dealCode == '21'}">酌情办理</option>
            </select>
            <input type="hidden" name="dealName" th:selected="*{twfSendBackEty.dealName}" value="研究办理">
          </div>
          <div class="form-group col-sm-4">
            <label>交办时间</label>
            <input type="text" class="form-control workTime" th:field="*{twfSendBackEty.sendTime}" id="sendTime" placeholder="请输入名称" disabled>
          </div>
        </div>
        <!--工单备注-->
        <div class="col-sm-12">
          <div class="col-sm-8">
            <div class="form-group">
              <label class="col-xs-12 entering-pd">办理要求：</label>
              <textarea name="sendDesc" th:field="*{twfSendBackEty.sendDesc}" maxlength="1000" class="form-control workRemark" rows="3"
                        style="height: 150px" disabled></textarea>
              <span>还可以输入<i class="workRemarkI">1000</i>个文字</span>
            </div>
          </div>
        </div>
        <!--办理期限,备注..-->
        <div class="col-sm-12 work-top">
          <div class="form-group col-sm-4">
            <label>备注</label>
            <input name="sendRemark" th:field="*{twfSendBackEty.sendRemark}" type="text" class="form-control" id="remark" placeholder="请输入名称" disabled>
          </div>
          <div class="form-group col-sm-4">
            <label>派发单位</label>
            <input name="sdeptName" th:field="*{twfSendBackEty.sdeptName}" type="text" class="form-control" id="sdeptName"
                   placeholder="请输入名称" disabled>
            <input type="hidden" name="sdeptId" th:field="*{twfSendBackEty.sdeptId}">
          </div>
          <div class="form-group col-sm-4">
            <label>派发人</label>
            <input name="suserName" th:field="*{twfSendBackEty.suserName}" type="text" class="form-control"
                   id="distributePerson"
                   placeholder="请输入名称" disabled>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>

<script th:src="@{/ajax/libs/layui/laydate.js}"></script>
<th:block th:include="include :: footer"/>
<script th:src="@{/ajax/libs/jquery-jqPaginator/jqPaginator.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-tagsinput/tagsinput.min.js}"></script>
<script th:src="@{/ajax/libs/jQuery-ui/jquery-ui.js}"></script>
<script th:src="@{/js/deptdiag.js}"></script>


<script>

</script>
</body>
</html>

